<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>AdminLTE 2 | Dashboard</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <style>
    ul li{
      list-style: none;
    }
    .wrap{
      display: flex;
      flex-direction: column;
    }
    .goods-list{
      border: 2px solid #ccc;

    }
    .goods-list ul{
      display: flex;
      flex-direction: row;
    }
    .goods-list ul li{
      flex-grow: 1;
    }
    .jiesuan{
      border: 2px solid #ccc;
      border-top: none;
    }
  </style>
</head>

<body class="hold-transition login-page">
<div class="wrap">
   <div class="goods-list">
      <ul>
        <li>A商品 18</li>
        <li>B商品 20</li>
        <li>C商品 23.5</li>
        <li>D商品 42</li>
      </ul>
   </div>
   <div class="jiesuan">
      <input type="button" value="结算" id="submit">
   </div>
</div>

<!-- jQuery -->
<script src="__PUBLIC__/plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->

<script>

</script>
</body>
</html>
